<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
html,body{color:#666;font-family:"思源黑体";font-style:normal;font-size:100%;line-height:26px;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,img,dl,dt,dd,ol,ul,li,form,label,video,input,textarea,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;border:0;background:transparent;vertical-align:baseline}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
table,tr,td,p,iframe{margin-top:0;padding:0}
a{text-decoration:none;color:#666}
a:hover,a:focus{outline:0;color:#075f9c;text-decoration:none;}
img{border:0;max-width:100%}

/*改变滚动条样式*/
::-webkit-scrollbar{width: 5px;  height: 5px;  background-color: #dbdbdb;}
::-webkit-scrollbar-track{background-color: #dbdbdb;}
::-webkit-scrollbar-thumb{background-color: #075f9c;}
/**/
.top{z-index:3000;width:100%; position: relative; top:0;background:#fff;position: fixed; box-shadow: 0px 0px 8px 0px rgb(0,0,0,0.15)}
.top .nav-top{margin: 0 8%;padding-top: 15px;}
.main{width:1200px;margin:0 auto;position:relative;}
.wrap{margin: 0 8%; position:relative;overflow: hidden;}

@media(max-width: 1600px){
    .wrap{
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        margin: 0 8%
    }
}

@media(max-width: 1024px){
    .wrap{margin: 0 7%;}
}

@media(max-width: 991px){
    .wrap{margin: 0 1%;}
}

/**/
.head-logo{float:left;padding:0px 0; position:relative;}
.head-logo a{display:table-cell; line-height:100px;}
.head-logo img{display:block;vertical-align: middle;margin-top:18px;height: 60px;}
/**/
.top-left{float:right;}
.T-nav{float:left;margin-left:0px;}
.T-nav&gt;p{height: 15px;text-align: right;font-size: 16px;color: #2f318b;}
.T-nav ul{z-index:10;float:left;}
.T-nav ul li{float:left;position:relative;}
.T-nav ul li:last-child:after{background:none;}
.T-nav ul li &gt; a{line-height:98px;font-size:16px;color:#333;margin:0 30px;position:relative;display:block;text-align:center;border-bottom:2px solid #fff;}
.T-nav ul li &gt; a:hover,.T-nav ul li a.active{color:#2f318b;}
.T-nav ul li &gt; a:before{content: '';position: absolute;right: -13px;top: 48px;width:0;height: 0; transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;border-top:5px solid #ccc;border-left:5px solid transparent;border-right:5px solid transparent;}
.T-nav ul li:first-child  &gt;a:before,.T-nav ul li:last-child &gt; a:before{display:none;}
.T-nav ul li:nth-child(5)&gt;a:before,.T-nav ul li:nth-child(7)&gt;a:before{display:none;}
.T-nav ul li:hover .sec-nav{}
.hred{height: 35px;overflow:hidden;background-color: #e60012;margin-top: 31px;transition:0.5s all ease-in;}
.hred:hover{background-color: #cd0313;}
.hred&gt;a{line-height: 35px !important;font-weight:bold;color: #fff !important;}
.T-nav ul li .sec-nav{z-index:999;width:100%; height:auto; position:absolute;left:0px;top:100%;background-color:rgba(242,242,242,1.0);text-align:center;border:0px #ddd solid; border-radius: 0 0 5px 5px;display:none;}
.T-nav li .sec-nav a{display:inline-block;float:left;vertical-align:top;border-bottom:0px #ddd dashed;padding:8px;font-size:15px;color:#333;width:100%;}
.T-nav ul li .sec-nav a:hover{border-top:0;color:#2f318b;}
.head-btn{display:none;}
.search_ico{width:70px;float:left;background:#f3f3f3;line-height: 100px;text-align: center;}
.search_ico img{vertical-align:middle;filter: brightness(0)grayscale(0);opacity: 0.5;}
.lang_con{width:100px;float:left;background: #e0b525;color:#fff;line-height: 100px;position: relative;}
.lang_con a{color:#fff;}
.lang_a{width:100%;position: absolute;top:100px; left:0;background:#e0b525;text-align: center;display:none;}
.lang_btn{background:url("../images/lang_ico.png") no-repeat center left;display:block;padding-left:35px;margin-left:15px;}
.lang_a a{line-height: 35px;display:block;}
.lang_a a:hover{background:#c09b1f;}
.lang_con:hover .lang_a{display:block;}
/*search*/
.search_con{position: fixed; top:0;left:0;right:170px;background:#fff;display:none;height:100px;}
.search_form{width:70%;float:right;margin-top:25px;padding-right:100px;}
.search_form form{line-height: 45px;overflow: hidden;}
.search_form input{line-height: 45px;}
.sear_btn{width:70px; float:right; overflow: hidden;background: url("../images/sear_ico.png") no-repeat center; filter: brightness(0)grayscale(0);cursor: pointer;}
.sear_in{width:calc(100% - 70px);float:left; overflow: hidden;border-bottom:1px #ddd solid;}
.sear_close{width:30px;height:30px;position: absolute;top:30%;right:40px;}
.sear_close a{position: relative;width:30px;height:30px;display:block;border:1px solid #bbb;overflow: hidden;}
.sear_close a:before{content:"";width:2px;height:25px;background:#bbb;position: absolute;top:2px;right:12px; transform: rotate(45deg);}
.sear_close a:after{content:"";width:2px;height:25px;background:#bbb;position: absolute;top:2px;right:12px; transform: rotate(-45deg);}
/*banner*/
.banner{width:100%; overflow: hidden;position: relative;padding-top: 131px;}
.banner img{width:100%; vertical-align: middle;}
.ban-button-next{width:50px;height:50px;border: 2px solid rgba(255,255,255,1.00);position: absolute;right:5px;top:50%; border-radius: 50%;background: url("../images/prev_ico.png") no-repeat center; transform: rotate(-180deg);}
.ban-button-prev{width:50px;height:50px;border: 2px solid rgba(255,255,255,1.00);position: absolute;left:5px;top:50%; border-radius: 50%;background: url("../images/prev_ico.png") no-repeat center;}
.swiper{
    --swiper-theme-color: #fff;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.swiper-button-prev{left: 100px !important;}
.swiper-button-next{right: 100px !important;}
/*foot*/
.foot{width:100%; overflow: hidden;color:#fff;background:linear-gradient(to right,#0390c7,#075f9c)}
.foot .bot{margin-bottom: 40px;}
.foot_navLeft{width:40%;float:left; overflow: hidden;padding-top:4%;padding-bottom:3%;}
.foot_conRight{width:30%; float:left;padding:4% 0 3% 0;position: relative;}
.foot_conRight:after{content:"";width:1px;height:100%;position: absolute;left:-70px;top:60px;bottom:0;background:rgba(255,255,255,0.1)}
.foot_rwm{width: 25%;float: right;padding-top: 55px;text-align: center;display: flex;}
.foot_rwm .fqrcode{float: left;text-align:center;}
.fqrcode .pic{padding: 5% 10%;}
.fqrcode .pic&gt;img{background: rgb(255,255,255,0.2);padding: 10px;}
.foot_navLeft li{width:calc(100%/3);float:left;overflow: hidden;}
.foot_copyRight{width:100%;padding:15px 0;overflow: hidden;border-top:1px  solid rgba(255,255,255,0.1);}
.foot_copyRight a{color:#fff;display:inline-block;margin-right:20px;}
.foot_nav_item{overflow:hidden;}
.foot_nav_logo{width:100%; overflow: hidden;}
.foot_nav_logo img{filter:brightness(100)grayscale(100);vertical-align: middle;height:60px;border-bottom:2px #fff solid;padding-bottom:15px;}
.foot_nav_link{width:100%;padding-top:30px;overflow: hidden;}
.foot_nav_link h4{display:block;font-size:18px;padding-bottom:15px;}
.foot_nav_link_con{width:100%;}
.foot_nav_link_con a{display:block;line-height: 35px;color:#15c665;}
.foot_navLeft li h2{position:relative;font-weight: bold;}
.foot_navLeft li h2 a{display:block;color:#fff;font-size:20px;}
.foot_nav_sub{width:100%; overflow: hidden;padding-top:25px;}
.foot_nav_sub a{display:block;color:#fff;line-height: 30px;position: relative;opacity: 0.8;}
.foot_nav_sub a:after{content:"";width:0;height:2px;background:#15c665;position: absolute;left:0;bottom:0;transition:all .6s ease-in;}
.foot_nav_sub a:hover:after{width:0px;}
.foot_conRight .foot_l{float: left;width: 25%;}
.foot_conRight .foot_l h2{display:block;color:#fff;font-size:18px;font-weight: bold;}
.foot_contact_con{width:100%; overflow: hidden;padding-top: 25px;}
.foot_contact_con&gt;a{display: block;color: #fff;opacity: 0.8;line-height: 30px;}
.foot_conRight .foot_r{float: left;width: 75%;}
.foot_contact_con h4{background:url("../images/ico_tel.png") no-repeat left center;padding-left:35px;font-size:22px;font-weight: bold;}
.foot_contact_con h4 span{font-weight:normal;font-size:16px;}
.foot_contact_con h6{background:url("../images/ico_mail.png") no-repeat left center;padding-left:35px;}
.foot_contact_con h5{background:url("../images/ico_add.png") no-repeat left center;padding-left:35px;}
.foot_spanLeft{float: left;}
.foot_city{float: right;transition:all 0.5s ease-in;}
.foot_city&gt;span&gt;a:hover{color: #14e7fd;}
.foot_spanRight{text-align:right;}
.foot_contact_con p{}
.foot_contact_con img{display:inline-block;margin-right:20px;}
.foot_contact_con p span{display:inline-block;margin-right:35px;padding-left:25px;font-size:14px;}
/*inproduct*/
.iner_banner_bg{width:100%; overflow: hidden;position: relative;height:500px;}
.iner_banner_text{width:100%;color:#fff;z-index: 9;padding-top:300px;line-height: 45px;text-align:right;}
.iner_banner_text h2{font-size:58px;font-weight: bold;color:#fff;text-transform: uppercase;font-family: GROTESKIA;background-image:-webkit-linear-gradient(-90deg,#fff,rgba(255,255,255,0.0));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.iner_banner_text h3{font-size:28px;font-weight: bold;}
/**/
.iner_nav{width:100%;text-align: center;padding:20px 0;background:#f3f3f3;position: relative;}
.iner_nav ul{width:100%;}
.iner_nav li{display:inline-block;}
.iner_nav li a{display:block;margin:0 20px;font-size:16px;line-height: 35px;position: relative;}
.iner_nav li a:before{content:"";width:1px;height:10px;background:#ccc;position: absolute;right:-20px;top:40%;}
.iner_nav li a:last-child:before{width:0;}
.iner_nav li a:after{content:"";width:0;height:3px;background:#008ed5;position: absolute;bottom:-20px;left:0;transition:all .5s ease-in;}
.iner_nav li a:hover,.iner_nav li a.active{color:#008ed5;}
.iner_nav li a:hover:after,.iner_nav li a.active:after{width:100%;}
/**/
.content_container{width:100%;padding-top:3%; overflow: hidden;}
.about_content{width:100%; overflow: hidden;}
.content_tit{width:100%;padding-left:15px;position: relative;margin-bottom:3%;}
.content_tit:before{content:"";width:1px;height:100%;background:#ccc;position: absolute;top:5px;left:2px;}
.content_tit h2{font-size:30px;color:#000;line-height: 45px;position: relative;font-weight: bold;}
.content_tit h2:before{content:"";width:5px;height:15px;background:#0390c7;position: absolute;top:5px;left:-15px;}
.content_tit h3{font-size:18px;text-transform: uppercase;}
.about_text{width:50%;float:left;overflow: hidden;line-height: 35px;padding-top:3%;}
.about_img{width:45%;float:right; overflow: hidden;}
.about_adv{display:none;}
.content_container img{width:100%;vertical-align: middle;}

@media screen and (max-width:1600px){
    .foot_conRight:after{left: -50px;top: 50px;}
}
@media screen and (max-width:1536px){
    .foot_rwm{padding-top: 45px;}
}
@media screen and (max-width:1440px){
    .main{width:90%;}
    .head-logo img{height:50px;margin-top:28px;}
    .T-nav ul li &gt; a{margin:0 20px;}
    .index_about_con{width:85%;margin:0 auto;}
    .iner_his_item_name:before{right:-239px;}
    .iner_his_item_text:after {left:-50px;}
    .iner_banner_bg{height:400px;}
    .iner_banner_text{padding-top:250px;}
    .foot_conRight:after{left: -40px;}

}
@media(max-width:1516px){
    .head-logo{width: 230px;}
    .head-logo img{height: auto;margin-top: 41px;}
}

@media(max-width: 1280px){
    .foot_conRight .foot_r{padding: 0 10px;}
}
@media(max-width:1262px){
    .top .nav-top{margin: 0 6%;}
    .head-logo{width: 230px;}
    .head-logo img{height: auto;margin-top: 41px;}
}
@media screen and (max-width:1220px){


}
@media screen and (max-width:1024px){
    html,body{font-size:14px;}
    .top{height:100px;}
    .main{width:95%;}
    .head-logo img{height:35px;margin-top:8px;}
    .T-nav ul li &gt; a{margin:0 15px;font-size:14px;line-height: 50px;}
    .T-nav ul li &gt; a:before,.T-nav ul li &gt; a:after{top:20px;}
    .iner_banner_bg{height:auto;}
    .iner_banner_text{padding:150px 0 50px;}
    .index_tit h2,.ind_solu_tit h2,.iner_banner_text h2,.iner_tit h2,.iner_his_item_date{font-size:24px;}
    .index_about_info h3,.iner_banner_text h3,.iner_solution_container li h2,.iner_news_content_title h1,.iner_contact_content h1, .iner_contact_content h2,.iner_contact_message h2,.iner_culture_container li h3{font-size:20px;}
    .iner_tit h3,.iner_culture_container li h4{font-size:16px;}
    .index_about_info{width:80%;}
    .index_about_num{width:80%;}
    .iner_his_item_name:before {right:-249px;}
    .ind_product_con{height:730px;}
    .ind_news_item_img{height:auto;}
    .index_news_list li h3{font-size:16px;}
    .foot_navLeft{width: 40%;}
    .foot_conRight{width: 35%;}
    .foot_conRight .foot_l{width: 30%;}
    .foot_conRight .foot_r{width: 70%;}
    .foot_conRight:after{left: -20px;}
}
@media(max-width:1200px){
    .banner{padding-top: 100px;}
}
@media(max-width: 1170px){
    .top .nav-top{margin: 0 5%;}
}
@media(max-width: 1144px){
    .head-logo {width: 220px;}
}
@media(max-width: 1112px){
    .head-logo {width: 190px;}
}

@media screen and (max-width:996px){
    .top{height:80px;}
    .main{width:99%;}
    .top .nav-top{margin: 0 3%;}
    .head-left,.head-logo{overflow:hidden;width:auto;}
    .head-logo a{line-height:30px;}
    .head-logo img{padding-top:0px;margin-left:0px;height:35px;}
    .nav{width:100%;position:absolute;top:79px;display:none;right:-2%;left:0;padding:20px 0; background:#f3f3f3; }
    .nav ul{width:100%;}
    .nav ul li{display:block;width:100%;text-align:left;border-bottom:1px #ddd solid;}
    .nav ul li:last-child{}
    .nav ul li:before{opacity:0;}
    .nav ul li:after{content:"\003E";position: absolute;right:10px;top:8px;}
    .nav ul li.on:after{transform: rotate(90deg);}
    .nav ul li:first-child:after,.nav ul li:nth-child(5):after,.nav ul li:nth-child(7):after,.nav ul li:last-child:after{display:none;}
    .nav ul li &gt; a{line-height:45px;display:block;width:70%;border-bottom:0;text-align:left;}
    .nav ul li &gt; a:before,.nav ul li &gt; a:after{display:none;}
    .nav ul li &gt; a:hover,.nav ul li a.active{background:none;border-radius: 0;border-bottom:0;}
    .T-nav ul li .sec-nav{position:relative;width:100%;padding:10px 0;background:#f2f2f2;overflow: hidden;text-align: left;}
    .T-nav ul li .sec-nav a{padding:10px;font-size:14px;}
    .head-btn{padding:0px 10px 0 0;display:block;float: right; position:absolute; top:30px;right: 15px;}
    .head-btn:before{content: '';display: block;width: 30px;height: 2px;background-color: #2f318b;transition: all .3s ease;-webkit-transition: all .3s ease;}
    .head-btn:after{content: '';display: block;width: 20px;height: 2px;background-color: #2f318b;transition: all .3s ease;-webkit-transition: all .3s ease;}
    .head-btn i{margin:5px 0;display: block;width: 25px;height: 2px;background-color: #2f318b;}
    .head-btn.active i{background-color:none!important;width:0px;display:none; opacity: 0;}
    .head-btn.active:before{content:""; transform:rotate(-45deg);position:absolute; width:30px;color:#8b8b8d;right:10px;top:8px;background-color:#8b8b8d;}
    .head-btn.active:after{content:""; transform:rotate(45deg); position:absolute; width:30px;color:#8b8b8d;right:10px;top:8px;background-color:#8b8b8d;}
    .index_tit h2, .ind_solu_tit h2, .iner_banner_text h2, .iner_tit h2, .iner_his_item_date{font-size:20px;}
    .ind_pro_nav a{font-size:14px;min-width:100px;padding:0;line-height: 30px;}
    .ind_product_con {height:710px;}
    .ind_solu_item{padding:5%;height:auto;}
    .ind_service_list ul:after{top:53%;}
    .ind_service_item_img{height:100px;width:100px;background-size:100px;}
    .ind_service_list li{padding:5% 0 15%;}
    .ind_service_list li:nth-child(2n) .ind_service_text{top:280px;}
    .index_about_con{width:100%;}
    .index_about_info{font-size:14px;font-weight: normal;}
    .index_about_info h3{padding:20px 0;}
    .ind_solu_item_name h3{font-size:16px;}
    .index_about_num{font-size:14px;width:95%;}
    .ind_about_num{font-size:24px;}
    .ind_more a{width:100px;line-height: 35px;font-size:12px;}
    .about_con_video,.about_con_text{width:100%;}
    .Pl_block{top:25%;left:45%;}
    .iner_about_container,.iner_culture_container{padding:20px;}
    .iner_cul_item_text,.iner_cul_item_img{width:100%;}
    .iner_cul_item_text{padding-bottom:20px;}
    .iner_banner_text{padding:50px 0;}
    .iner_nav li a,.iner_culture_container li{font-size:14px;}
    .index_about_info h3, .iner_banner_text h3, .iner_solution_container li h2, .iner_news_content_title h1, .iner_contact_content h1, .iner_contact_content h2, .iner_contact_message h2, .iner_culture_container li h3{font-size:16px;}
    .iner_his_container ul:before{border-bottom: 15px solid #02b04f;border-right: 10px solid transparent;border-left: 10px solid transparent;}
    .iner_his_container ul:after{width:10px;left:5px;top:10px;}
    .iner_his_item_date{padding-left:20px;}
    .iner_his_item_date:before{background-size:20px;left:-25px}
    .iner_his_item_date:after {width:8px;height:8px;top:18px;}
    .iner_his_item_name,.iner_his_item_text{width:100%;}
    .iner_his_item_name:before{height:0;}
    .iner_his_item_name:after{height:0;}
    .iner_his_item_text:after{height:0;}
    .iner_contact_content,.iner_contact_message{width:100%;margin-bottom:20px;}
    .iner_news_content,.iner_solution_container{padding:20px;}
    .iner_solu_item_text{width:100%;padding-bottom:20px;}
    .iner_solu_item_img{width:100%;}
    .iner_solution_container li h2,.iner_solu_item_more{padding:20px 0;}
    .iner_service_item_name{font-size:16px;}
    .iner_pro_con_text h1{font-size:18px;}
    .iner_pro_intro h3{font-size:16px;}
    .T-nav&gt;p{display:none;}
    .banner{padding-top: 80px;}
    .swiper{--swiper-navigation-size: 18px;}
    .hred{margin-top: 0px;}
    .foot_navLeft li h2 a{font-size: 16px;}
    .foot_conRight .foot_l h2{font-size: 16px;}
    .foot_logo&gt;a&gt;img{max-width: 70%;}
    .foot_nav_sub a{font-size: 13px;}
    .foot_conRight:after {left: -20px;top: 30px;}
    .foot_conRight .foot_l{width: 35%;}
    .foot_conRight .foot_r{width: 65%;}
    .foot_conRight .foot_r&gt;p{font-size: 13px;}
    .foot_contact_con&gt;a{font-size: 13px;}
    .foot_logo{padding-top: 12%;}
    .swiper-button-next{right: 50px !important;}
    .swiper-button-prev{left: 50px !important;}
    .foot .bot{margin-bottom: 0;}
}

@media(max-width: 767px){
    .swiper-button-next{right: 30px !important;}
    .swiper-button-prev{left: 30px !important;}
    .foot_navLeft li:first-child{margin-bottom: 20px;}
    .foot_conRight .foot_l h2{font-size: 14px;}
    .foot_logo{display: none;}
    .foot_rwm{width: 100%;padding-top: 20px;justify-content: center;}
    .foot .bot{margin-bottom: 40px;}
    .foot_city{float: none;}
}
@media screen and (max-width:567px){
    .ind_product_con{height:455px;}
    .ind_pro_list{height:300px;padding:0;}
    .ind_pro_item{width:100%;}
    .ind_solution_list li,.ind_service_list li,.index_news_list li{width:100%;}
    .ind_service_list ul:after{top:100%;}
    .ind_service_item_name{font-size:14px;}
    .foot_navLeft,.foot_navLeft li:first-child,.foot_conRight{width:100%;}
    .foot_navLeft li{width:calc(100%/3);}
    .foot_nav_link,.foot_nav_sub{display:none;}
    .foot_navLeft li h2 a,.foot_conRight h2{font-size:14px;}
    .index_about_num li{width:calc(100%/2)}
    .iner_hor_container li{width:100%;}
    .iner_news_item_img,.iner_news_item_text{width:100%;}
    .iner_news_item_info{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
    .iner_news_item_date h5{font-size:18px;}
    .iner_news_item_date span{font-size:14px;}
    .iner_news_item_tit{font-size:14px;}
    .iner_news_item_more{font-size:12px;}
    .iner_qual_container li{width:calc(100%/2);}
    .iner_service_container li:after{background-size:20px;bottom:0;}
    .iner_service_item_num{font-size:100px;line-height: 50px;}
    .iner_nav li a{padding:0 10px;margin:0;}
    .iner_product_container li{width:100%;}
    .iner_product_con_img,.iner_pro_con_text{width:100%;}
    .iner_news_pagesLeft{width:100%;}
    .iner_news_pagesRight{float:left;width:120px;}
    .iner_news_pagesRight a:before{left:10px;}
    .iner_news_pagesRight a{line-height:35px;border-radius:5px;font-size:14px;}
}


/*====== technology ======*/

.technology .content{margin: 0 8%;}
.technology .js_title{display: block;text-align: center;padding: 60px 0;}
.technology .js_title&gt;h2{font-size: 36px;font-weight: bold;color: #2f318b;margin-bottom: 20px;}
.technology .js_title&gt;p{font-size: 24px;font-weight: 100;color: #666;text-transform: uppercase;}
.js_item&gt;li{overflow: hidden;margin-bottom: 36px;height: 19.3rem;}
.js_item&gt;li .js_left_txt{width: 25%;float: left;}
.js_item&gt;li .js_left_txt.blue01{background-color: #19a9eb;height: 100%;}
.js_item&gt;li .js_left_txt.blue02{background-color: #ed7019;height: 100%;}
.js_item&gt;li .js_left_txt.blue03{background-color: #5e5fcc;height: 100%;}
.js_item&gt;li .js_left_txt&gt;h2{display: block;text-align: center;font-size: 30px;font-weight: bold;color: #fff;padding: 122px 0;}
.js_item&gt;li .js_right_txt{width: 75%;float: left;background-color: #f6f8fa;height: 100%;}
.js_right_txt .list_txt{width: 50%;float: left;padding: 40px;}
.js_right_txt .list_txt&gt;h5{font-size: 20px;color: #fff;display: inline-block; padding: 10px 25px;margin-bottom: 25px;}
.js_right_txt .blue01&gt;h5{background-color: #19a9eb;}
.js_right_txt .blue02&gt;h5{background-color: #ed7019;}
.js_right_txt .blue03&gt;h5{background-color: #5e5fcc;}
.js_right_txt .list_txt&gt;p{font-size: 16px;color: #666;white-space: break-spaces;}
@media(max-width: 1600px){
    .js_item&gt;li .js_left_txt&gt;h2{line-height: 329px;padding: 0px 0;}
}

@media(max-width: 996px){
    .technology .content{margin: 0 3%;}
    .technology .js_title&gt;h2{font-size: 24px;margin-bottom: 5px;}
    .technology .js_title&gt;p{font-size: 18px;}
    .js_right_txt .list_txt{padding: 36px;}
    .js_item&gt;li{height: 380px;}
    .js_item&gt;li .js_left_txt&gt;h2{font-size: 18px;line-height: 380px;}
    .js_right_txt .list_txt&gt;h5{font-size: 16px;}
    .js_right_txt .list_txt&gt;p{font-size: 14px;}
}

@media(max-width: 767px){
    .technology .js_title{padding: 30px 0;}
    .technology .js_title&gt;h2{font-size: 18px;margin-bottom: 0px;}
    .technology .js_title&gt;p{font-size: 14px;}
    .js_item&gt;li{height: auto;}
    .js_item&gt;li .js_left_txt{width: 100%;float: none;}
    .js_item&gt;li .js_left_txt&gt;h2{padding: 15px 0;font-size: 15px;line-height: 100%;}
    .js_item&gt;li .js_right_txt{width: 100%;float: none;}
    .js_right_txt .list_txt{width: 100%;float: none;padding: 15px;}
    .js_right_txt .list_txt&gt;h5{font-size: 14px;padding: 6px 15px;}
    .js_right_txt .list_txt&gt;p{font-size: 13px;-webkit-line-clamp: 3;}
}

/*====== product ======*/
.index_products{width: 100%;overflow: hidden;background-color: #f6f8fa;margin-top: 150px;padding-bottom: 60px;}
.index_products .content{margin: 0 8%;}
.index_products .title_box {padding-top: 80px;padding-bottom: 40px;overflow: hidden;}
.title_box .prod_title{float: left;}
.title_box .prod_title&gt;h2{font-size: 36px;font-weight: bold;color: #2f318b;margin-bottom: 20px;}
.title_box .prod_title&gt;p{font-size: 24px;font-weight: 100;color: #666;text-transform: uppercase;}
.title_box .pord_nav{float: right;color: red;}
.pord_nav&gt;li{display: inline-block;padding: 0 15px;position: relative;}
.pord_nav&gt;li:after{content: "-";display: block;color: red;position: absolute;top: 0;left: 100%;}
.pord_nav&gt;li:last-child:after{display: none;}
.pord_nav&gt;li&gt;a{font-size: 18px;color: #000;cursor: pointer;}
.pord_nav&gt;li.select&gt;a{padding: 5px 20px;color: #fff;background-color: #2f318b;}
.prod_img_t&gt;ul{margin: 0 -15px;}
.prod_img_t&gt;ul.tab-pane{display: none;}
.prod_img_t&gt;ul.prod_show{display: block;}
.prod_img_t&gt;ul&gt;li{-moz-width: calc(100% / 3 - 30px);-webkit-width: calc(100% / 3 - 30px);width: calc(100% / 3 - 30px);background-color: #fff;float: left;margin: 30px 15px;}
.prod_img_t&gt;ul&gt;li .prod_img01{display: block;text-align: center;position: relative;overflow: hidden;}
.prod_img_t&gt;ul&gt;li .prod_img01&gt;img{transition:0.5s all ease-in;width: 100%;height: 100%;}
.prod_img_t&gt;ul&gt;li&gt;a:hover .prod_img01&gt;img{transform: scale(1.1);}
.prod_img_t&gt;ul&gt;li .prod_txt{display: block;text-align: center;padding: 20px 0;}
.prod_txt&gt;h5{font-size: 20px;color: #000;margin-bottom: 25px;}
.prod_txt&gt;p{display: inline-block;padding: 5px 25px;font-size: 16px;color: #fff;background-color: #4547bf;transition:0.5s all ease-in;}
.prod_txt&gt;p:hover{background-color: #2f318b;}

@media(max-width: 1600px){
    .index_products{margin-top: 100px;}
}
@media(max-width: 1024px){
    .index_products{margin-top: 80px;}
    .prod_txt&gt;h5{font-size: 18px;}
}
@media(max-width: 996px){
    .index_products .content{margin: 0 3%;}
    .title_box .prod_title{float: none;text-align: center;}
    .title_box .prod_title&gt;h2{font-size: 24px;margin-bottom: 5px;}
    .title_box .prod_title&gt;p{font-size: 18px;}
    .title_box .pord_nav{float: none;text-align: center;padding-top: 30px;}
    .index_products .title_box{padding-top: 60px;}
    .prod_img_t&gt;ul&gt;li .prod_txt{padding-bottom: 25px;}
    .pord_nav&gt;p{font-size: 16px;}
    .prod_txt&gt;h5{font-size: 16px;}
    .prod_txt&gt;p{font-size: 12px;}
}

@media(max-width: 767px){
    .index_products{margin-top: 80px;padding-bottom: 30px;}
    .title_box .prod_title&gt;h2{font-size: 18px;margin-bottom: 0px;}
    .title_box .prod_title&gt;p{font-size: 14px;}
    .pord_nav&gt;li{display: block;}
    .pord_nav&gt;li&gt;a{font-size: 14px;}
    .pord_nav&gt;p{font-size: 13px;padding: 0 0;}
    .pord_nav&gt;p.select{padding: 0px 4px;}
    .prod_img_t&gt;ul{margin: 0 0;}
    .prod_img_t&gt;ul&gt;li{-moz-width: calc(100%);-webkit-width: calc(100%);width: calc(100%);float: none;margin: 0 0;margin-bottom: 30px;}
    .index_products .title_box{padding-top: 40px;}
}

/*====== application ======*/

.index_application{padding-bottom: 60px;}
.index_application .content{margin: 0 8%;}
.index_application .yy_title{display: block;text-align: center;padding: 60px 0;}
.index_application .yy_title&gt;h2{font-size: 36px;font-weight: bold;color: #2f318b;margin-bottom: 20px;}
.index_application .yy_title&gt;p{font-size: 24px;font-weight: 100;color: #666;text-transform: uppercase;}
.item .yy-img{position: relative;}
.item .yy-img .appl_bottom_txt{width: 100%;height: 0;background:#2f318bc9;position: absolute;top: 0;display: none;transition:0.5s all ease-in;}
.item .yy-img:hover .appl_bottom_txt{height: 100%;display: block}
.appl_bottom_txt&gt;p{height: 355px;line-height: 30px;font-size: 16px;color: #fff;padding: 8%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding-top: 50%;margin-top: -25px;}
.item&gt;a&gt;p{padding: 30px 0;font-size: 20px;color: #000;display: block;text-align: center;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display: block}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span{background: #a0a0a0;}
.owl-carousel .owl-nav.disabled{display: block;padding-top: 30px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{width: 12px;height: 12px;background-color:#D6D6D6;border-radius: 50%; }
.owl-carousel .owl-nav button.owl-prev{background-color: #7bcafb;}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover{background-color: #2f318b;}
@media(max-width: 996px){
    .index_application .content{margin: 0 3%;}
    .index_application .yy_title&gt;h2{font-size: 24px;margin-bottom: 5px;}
    .index_application .yy_title&gt;p{font-size: 18px;}
    .item&gt;a&gt;p{font-size: 16px;}
    .appl_bottom_txt&gt;p{height: 165px;line-height: 25px;padding-top: 39%;font-size: 14px;}
    .owl-carousel .owl-nav.disabled{padding-top: 0px;}
}

@media(max-width: 767px){
    .index_application{padding-bottom: 30px;}
    .index_application .yy_title{padding: 30px 0;}
    .index_application .yy_title&gt;h2{font-size: 18px;margin-bottom: 0px;}
    .index_application .yy_title&gt;p{font-size: 14px;}
    .item&gt;a&gt;p{font-size: 14px;padding: 10px 0;}
    .appl_bottom_txt&gt;p{height: 130px;line-height: 22px;font-size: 12px;padding-top: 37%;}
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{width: 8px;height: 8px;}
}


/*====== about ======*/

.index_about{width: 100%;background-color: #f6f8fa;overflow: hidden;padding: 100px 0;}
.index_about .content{margin: 0 8%;}
.in_about_left{width: 55%;float: left;margin-right: 80px;}
.in_about_left .ab_title&gt;h2{font-size: 36px;font-weight: bold;color: #2f318b;margin-bottom: 20px;}
.in_about_left .ab_title&gt;p{font-size: 24px;font-weight: 100;color: #666;text-transform: uppercase;}
.in_about_left&gt;p{white-space: break-spaces;font-size: 16px;color: #2e2d2d;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
.in_about_right{width: 40%;float: left;text-align: right;}
.in_about_bottom{padding-top: 30px;}
.in_about_bottom .in_more{width: 25%;float: left;padding-top: 30px;}
.in_about_bottom .in_more&gt;a{padding: 5px 25px;font-size: 14px;color: #fff;background:#484ced;transition:0.5s all ease-in;}
.in_about_bottom .in_more&gt;a:hover{background: #2f318b;}
.in_about_bottom .in_about_icon{width: 75%;float: left;}
.in_about_icon .item01{display: inline-block;text-align: center;border: 1px solid #676afa;padding: 10px 28px 5px;float: right;margin-left: 30px;}
.in_about_icon .item01&gt;p{font-size: 16px;color: #333;}
@media screen and (max-width:1600px){
    .in_about_left{margin-right: 55px;}
    .in_about_left&gt;p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}

@media(max-width: 1366px){
    .in_about_icon .item01{padding: 4px 20px 0px;}
    .in_about_icon .item01&gt;img{zoom: 75%;}
}

@media(max-width: 1308px){
    .in_about_left {
        margin-right: 50px;
    }
}
@media(max-width: 1200px){
    .in_about_left {
        margin-right: 40px;
    }
    .in_about_bottom{padding-top: 0px;}
    .in_about_bottom .in_about_icon{padding-top: 15px;}
}
@media(max-width: 1024px){
    .in_about_left {
        margin-right: 40px;
    }
    .in_about_left .ab_title&gt;h2{margin-bottom: 5px;}
    .in_about_bottom{padding-top: 0;}
    .in_about_left&gt;p{-webkit-line-clamp: 2;margin-bottom: 5px;}
}

@media(max-width: 996px){
    .index_about{padding: 50px 0;}
    .index_about .content{margin: 0 3%;}
    .in_about_left .ab_title&gt;h2{font-size: 24px;margin-bottom: 5px;}
    .in_about_left .ab_title&gt;p{font-size: 18px;}
    .in_about_left{float: none;width: 100%;}
    .in_about_right{float: none;width: 100%;overflow: hidden;padding-top: 10%;}
    .ab_title{text-align: center;}
    .in_about_left&gt;p{font-size: 14px;-webkit-line-clamp: 3;}
    .in_about_bottom .in_more&gt;a{font-size: 12px;}
    .in_about_icon .item01&gt;p{font-size: 14px;}
    .in_about_icon .item01&gt;img{zoom:75%;}
}
@media(max-width: 767px){
    .in_about_left .ab_title&gt;h2{font-size: 18px;margin-bottom: 0px;}
    .in_about_left .ab_title&gt;p{font-size: 14px;}
    .in_about_icon .item01{margin-left: 10px;padding: 5px 20px 0;}
    .in_about_bottom .in_more&gt;a{padding: 5px 10px;}
}

/*====== news ======*/

.index_news{padding: 100px 0;overflow: hidden;}
.index_news .content{margin: 0 8%;}
.news_title_box{overflow: hidden;}
.news_title_box .n_d_title{width: 50%;float: left;}
.news_title_box .n_d_title&gt;h2{font-size: 36px;font-weight: bold;color: #2f318b;margin-bottom: 20px;}
.news_title_box .n_d_title&gt;p{font-size: 24px;font-weight: 100;color: #666;text-transform: uppercase;}
.news_title_box .n_x_nav{width: 50%;float: right;text-align: right;}
.news_title_box .n_x_nav&gt;li{display: inline-block;margin-left: 50px;}
.news_title_box .n_x_nav&gt;li&gt;a{font-size: 20px;color: #333;cursor: pointer;}
.news_title_box .n_x_nav&gt;li.select01&gt;a{color: #2f318b;border-bottom: 2px solid #2f318b;padding: 10px 0;}
.news_bottom_box .news_box_hide{padding-top: 60px;display: none;}
.news_bottom_box .news_box_hide.in_news_show{display: block;}
.in_new_left{width: 40%;float:left;margin-right: 80px;background-color: #f1f1f1;padding: 30px;}
.in_new_left .in_new_img{display: block;text-align: center;position: relative;overflow: hidden;}
.in_new_left .in_new_img&gt;img{transition:0.5s all ease-in;}
.in_new_left:hover .in_new_img&gt;img{transform:scale(1.1);}
.in_new_bottom{padding-top: 36px;}
.in_new_bottom .txt-new01{overflow: hidden;margin-bottom: 10px;}
.in_new_bottom .txt-new01&gt;h5{width: 450px;font-size: 20px;color: #000;float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.5s all ease-in;}
.in_new_bottom .txt-new01&gt;h5:hover{color: #484ced;}
.in_new_bottom .txt-new01&gt;span{font-size: 14px;color: #ababab;float:right;}
.in_new_bottom&gt;p{font-size: 16px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:0.5s all ease-in;}
.in_new_bottom&gt;p:hover{color: #484ced;}
.in_new_bottom .more01{padding-top: 30px;}
.in_new_bottom .more01&gt;a{padding: 5px 25px;font-size: 14px;color: #fff;background: #484ced;transition: 0.5s all ease-in;}
.in_new_bottom .more01&gt;a:hover{background: #2f318b;}
.news_bottom_box .in_new_right{width: 55%;float:right;}
.in_new_right&gt;li{border-bottom: 1px solid #d5d5d5;padding-bottom: 16px;margin-bottom: 28px;}
.in_new_right&gt;li .newList&gt;h5{font-size: 20px;color: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 8px;transition:0.5s all ease-in;}
.in_new_right&gt;li .newList&gt;h5:hover{color: #484ced;}
.in_new_right&gt;li .newList&gt;p{font-size: 16px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 15px;transition:0.5s all ease-in;}
.in_new_right&gt;li .newList&gt;p:hover{color: #484ced;}
.in_new_right&gt;li .newList&gt;span{font-size: 14px;color: #ababab;}

@media(max-width: 1600px){
    .news_bottom_box .in_new_left{
        margin-right: 55px;
    }
    .in_new_right&gt;li .newList&gt;h5{margin-bottom: 0;}
    .in_new_right&gt;li .newList&gt;p{margin-bottom: 10px;}
    .in_new_bottom .txt-new01&gt;span{float: none;}
    .in_new_bottom .txt-new01&gt;h5{float: none;width: 100%;}
}
@media(max-width: 1440px){
    .in_new_right&gt;li{margin-bottom: 20px;}
}
@media(max-width: 1308px){
    .news_bottom_box .in_new_left {
        margin-right: 50px;
    }
}

@media(max-width: 1280px){
    .in_new_right&gt;li .newList&gt;p{margin-bottom: 7px;}
}

@media(max-width: 1190px){
    .news_bottom_box .in_new_left {
        margin-right: 35px;
    }
}

@media(max-width: 1024px){
    .news_bottom_box .in_new_left {
        margin-right: 30px;
    }
    .in_new_right&gt;li .newList&gt;p{margin-bottom: 4px;}
}

@media(max-width: 996px){
    .index_news{padding: 50px 0;padding-bottom: 100px;}
    .index_news .content{margin: 0 3%;}
    .news_title_box .n_d_title&gt;h2{font-size: 24px;margin-bottom: 5px;}
    .news_title_box .n_d_title&gt;p{font-size: 18px;}
    .news_title_box .n_x_nav&gt;li{margin-left: 30px;}
    .news_title_box .n_x_nav&gt;li&gt;a{font-size: 16px;}
    .in_new_left{width: 100%;float: none;}
    .news_bottom_box .in_new_right{width: 100%;height: 605px;float: none;padding-top: 10%;}
    .in_new_left .in_new_img&gt;img{width: 100%;}
    .in_new_bottom .txt-new01&gt;h5{font-size: 16px;float: left;width: 450px;}
    .in_new_bottom&gt;p{font-size: 14px;}
    .in_new_bottom .txt-new01&gt;span{font-size: 13px;float: right;}
    .in_new_bottom .more01&gt;a{font-size: 12px;}
    .in_new_right&gt;li .newList&gt;h5{font-size: 16px;}
    .in_new_right&gt;li .newList&gt;p{font-size: 14px;margin-bottom: 15px;}
    .in_new_right&gt;li .newList&gt;span{font-size: 13px;}
}
@media(max-width: 767px){
    .index_news{padding-bottom: 50px;}
    .news_title_box .n_d_title{width:100%;float: left;text-align: center;}
    .news_title_box .n_x_nav{width:100%;float: left;text-align: center;margin-top: 30px;}
    .news_title_box .n_d_title&gt;h2{font-size: 18px;margin-bottom: 0px;}
    .news_title_box .n_d_title&gt;p{font-size: 14px;}
    .news_title_box .n_x_nav&gt;p{margin-left:0px;margin: 0 10px;}
    .news_bottom_box .in_new_right{height: auto;}
    .in_new_bottom .txt-new01&gt;h5{width: 200px;}
    .in_new_right&gt;li .newList&gt;h5{font-size: 15px;}
    .in_new_right&gt;li .newList&gt;p{font-size: 13px;}
}

/*====== links ======*/

.links{width: 100%;background-color: #f1f1f1;overflow: hidden;padding: 10px 0;}
.links .content{margin: 0 8%;}
.links_list&gt;p{float: left;color: #333;}
.links_list&gt;li{float: left;margin-right: 25px;}
.links_list&gt;li&gt;a{font-size: 14px;color: #666;transition:0.5s all ease-in;}
.links_list&gt;li&gt;a:hover{color: #484ced;}

@media(max-width: 992px){
    .links .content{margin: 0 3%;}
}

@media(max-width: 767px){
    .links_list&gt;li&gt;a{font-size: 12px;}
}



/*====== city ======*/

.city{padding-top: 200px;}
.city_wrapper{padding-top: 30px;padding-bottom: 100px;}
.city_wrapper&gt;h5{font-size: 24px;color: #fff;background-color: #2265d0;display: inline-block;padding: 10px 25px;}
.city_wrapper&gt;ul{padding-top: 30px;}
.city_wrapper&gt;ul&gt;li{width: 100%;background-color: #edf4ff;overflow: hidden;padding: 30px;margin-bottom: 2px;}
.city_wrapper&gt;ul&gt;li&gt;h2{font-size: 22px;font-weight: bold;color: #333;margin-bottom: 15px;}
.city_wrapper&gt;ul&gt;li&gt;a{font-size: 16px;color: #333;float: left;margin-right: 15px;transition:all 0.5s ease-in;}
.city_wrapper&gt;ul&gt;li&gt;a:hover{color: #2265d0;}


.bot-city{padding-bottom: 15px;}
.bot-city&gt;h5{
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    padding-right: 15px;
    border-right: 1px #fff solid;
    margin-right: 15px;
    color: #f5f5f5;
}
.city-a{ display: inline-block;}
.city-a&gt;a{display: inline-block;margin: 0 10px;color:#f5f5f5;}
.city-a&gt;a:hover{color: #14e7fd;}

@media(max-width: 991px){
    .city_wrapper&gt;h5{font-size: 16px;}
    .city_wrapper&gt;ul&gt;li&gt;h2{font-size: 18px;}
    .city{padding-top: 100px;}
}
@media(max-width: 767px){
    .city_wrapper&gt;ul&gt;li&gt;h2{font-size: 16px;}
    .city_wrapper&gt;ul&gt;li&gt;a{font-size: 14px;}
    .bot-city&gt;h5{font-size: 14px;padding-right: 5px;margin-right: 5px;}
    .city-a&gt;a{margin: 0 2px;}
}



/*右侧悬浮*/

.cndns-right {
    position: fixed;
    right: 5px;
    top: 50%;
    z-index: 9999;
    margin-top: -100px;
}

.cndns-right-meau {
    position: relative;
}

.cndns-right-btn {
    text-align: center;
    display: block;
    margin-bottom: 6px;
    position: relative;
    background-color: #337eff;
    padding: 10px 10px;
    border-radius: 3px;
}
.cndns-right-btn:hover {
    text-decoration: none;
    background-color: #1a6eff;
}
.cndns-right-btn h6{color: #fff;position: absolute;top: 0;right: 0;margin-top: 10px;margin-right: 12px;}
a.cndns-right-btn i {
    display: inline-block;
    margin-top: 5px;
    color: #999;
    font-size: 24px;
}
.cndns-right-btn p {
    text-decoration: none;
}

.cndns-right-btn span {
    color: #848484;
    font-size: 26px;
    line-height: 48px;
}

.cndns-right-btn p {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
    text-align: center;
}

.meau-car .cndns-right-btn {
    border-color: #cf3529;
    margin-bottom: 20px;
}

.meau-car.cndns-right-meau:hover .cndns-right-btn {
    background-color: #cf3529;
}

.meau-car.cndns-right-meau:hover .cndns-right-btn span {
    color: #fff;
    display: block;
}

.meau-car .cndns-right-btn span {
    color: #cf3529;
}


.meau-sev .cndns-right-btn span {
    color: #fff
}

.meau-top .cndns-right-btn em {
    display: block;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    color: #999
}


.meau-top.cndns-right-meau:hover .cndns-right-btn {
    background-color: #1a6eff;
}


.meau-top.cndns-right-meau:hover .cndns-right-btn em {
    color: #fff;
}

.cndns-right-box {
    position: absolute;
    top: -15px;
    right: 48px;
    padding-right: 35px;
    display: none;
}

.cndns-right-box .box-border {
    border: 1px solid #ccc;
    border-top: 4px solid #1a6eff;
    padding: 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
    position: relative
}

.cndns-right-box .box-border .arrow-right {
    display: block;
    width: 13px;
    height: 16px;
    background: url(../images/arrow.png) no-repeat;
    position: absolute;
    right: -13px;
    top: 26px;
}
.cndns-right-box .box-border.box-weixin{padding: 5px;}
.cndns-right-box .box-border.box-weixin .sev-t&gt;img{vertical-align: middle;}

.icon_mess {
    background: url(../images/on_04.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    margin: 0 auto;
    filter: brightness(1000%)invert(1);
}

.icon_weixin{
    background: url(../images/weixin.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    margin: 0 auto;
    filter: brightness(1000%)invert(1);
}

.icon_up{
    background: url(../images/TOP.png) no-repeat center;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.cndns-right-box .box-border .sev-t p {
    color: #333;
    font-size: 16px;
    line-height: 28px;
}

.cndns-right-box .box-border .sev-t p i {
    display: block;
    font-size: 14px;
    color: #aaa;
    font-style: normal;
}

.sev-t ul li{width: 100%;margin: 20px 0;}
.sev-t ul li input {
    width: 100%;
    height: 45px;
    font-size: 14px;
    color: #555;
    border: 1px solid #ddd;
    padding-left: 5px;
}

.cndns-right-box .box-border .sev-b h4 {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 15px;
}
.cndns-right-box .box-border .sev-b textarea {
    height: 100px;
}
.cndns-right-box .box-border .btnbox {
    height: 40px;
    margin-top: 10px;
    text-align: right;
}


.meau-sev .cndns-right-box .box-border {
    width: 400px;
}

.meau-contact .cndns-right-box .box-border {
    width: 250px;
}
.sev-t {
    width: 100%;
    overflow: hidden;
}

.cndns-right-meau:hover .cndns-right-box {
    display: block
}

.meau-code .cndns-right-box {
    top: inherit;
    bottom: -35px;
}

.meau-code .cndns-right-box .box-border {
    width: 156px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.meau-code .cndns-right-box .box-border i {
    display: block;
    color: #333;
    font-size: 15px;
    line-height: 26px;
    font-style: normal;
}

.meau-code .cndns-right-box .box-border .arrow-right {
    top: inherit;
    bottom: 50px;
}

.meau-sev .cndns-right-btn .demo-icon {
    display: none;
}


.meau-zs .cndns-right-btn {
    background-color: #cf3529;
    color: #fff;
    margin-top: 80px;
    border-color: #cf3529;
}

.meau-zs .cndns-right-btn span {
    color: #fff
}

.meau-zs .cndns-right-btn p {
    color: #fff
}
.btnbox .btn-primary{background:#337eff !important;}
.btnbox .btn-primary:hover{background:#1a6eff !important;}


/*在线留言弹出窗口*/

.liuyan_popup {
    display:none;width:100%;height:100%;position:fixed; margin:auto;left:0;top:0;right:0;bottom:0; z-index: 9999;}
.liuyan_info {width:450px;height:450px;background:#ededed;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.liuyna_t{width: 100%;background: #5795ff;padding: 15px;}
.liuyna_t&gt;span {font-size:26px;display:inline-block;float:right;margin:0 10px 0 0;color:azure;cursor:pointer;}
.liuyna_t&gt;ul&gt;li{font-size: 15px;color: #fff;}
.leave_way{padding: 15px;}
.leave_way&gt;p{font-size: 14px;color: #666;}

.nb-board-form{width: 95%; margin: 0 auto; display:block;}
#nb-nodeboard-set-content-js{ width:100%; height:100px;margin:10px auto 0px;padding:4px; resize: none;overflow: hidden;border: 1px solid #d5d5d5;background-color: #fff;text-align: left; font-size: 12px;}
.nb-nodeboard-tips,.nb-nodeboardphone-tips{display:none; color: #f00; font-size: 12px; }
.nb-nodeboard-inputbox{height: 30px; width:100%; line-height: 30px;margin:7px auto 0;border: 1px solid #d5d5d5;position: relative;background-color: #fff; overflow:hidden;}
.nb-nodeboard-inputbox input{width:190px; border: none; font-size: 14px; height:20px;vertical-align: text-top;}
.nb-nodeboard-icon { width: 24px;height: 28px;display: inline-block;text-align: center; background-color: #fff; vertical-align: top; border-right: 1px solid #fff; }
.nodeName{background: #fff url(../images/user.png) no-repeat 9px center;}
.nodePhone{background: #fff url(../images/nodephone.png) no-repeat 9px center;}
.nodeMail{background: #fff url(../images/nodeMail.png) no-repeat 9px center;}
.nodeAddress{background: #fff url(../images/l_address.png) no-repeat 9px center;}
.nb-nodeboard-send-btn{ height: 35px;width:30%; line-height: 35px;text-align: center;border-radius: 2px;font-size: 14px;color: #fff;cursor: pointer;background-color: #6aa0fb; margin-top:20px;transition:all 0.5s ease-in;}
.nb-nodeboard-send-btn:hover{background-color: #4284f4;}

@media(max-width: 996px){
    .cndns-right{display: none;}
}


.notclick{
    pointer-events: none;
}



</pre></body></html>